<template>
     <!-- 轮播图 -->
   <div class="swiper_father">
    <mt-swipe :auto="4000" class="swipe">
    <mt-swipe-item>
      <img src="../../images/pengxinsen/9010011 (2).jpg" alt="">
    </mt-swipe-item>
    <mt-swipe-item>
      <img src="../../images/pengxinsen/201709151725388540.jpg" alt="">
    </mt-swipe-item>
    <mt-swipe-item>
       <img src="../../images/pengxinsen/201709011117442888.jpg" alt="">
    </mt-swipe-item>
    <mt-swipe-item>
       <img src="../../images/pengxinsen/201709151725463208.jpg" alt="">
    </mt-swipe-item>
    </mt-swipe>

    <div class="main_pro_text">
        <div class="info_box">
            <div class="collect_box">
                <a href="javascript:DoGuanZhu(9010011,1);" id="GuanZhu">
                    <img src="//img02.hua.com/m/pro_detail/icon_collect.png" alt="">
                </a>
            </div>
            <p class="info_title">一心一意 - 玫瑰11枝，粉色勿忘我0.3扎<span class="cuxiao_tip">畅销款特价</span></p>
            <div class="price_part">
                <span class="now_price" id="nowPirce">￥166</span>
                <del class="before_price" id="beforePrice">￥226</del>
            </div>
            <div class="date_part sku-time" id="chooseDate" style="display:none;"></div>
        </div>
        <div class="info_huayu_box" style="padding-top:12px;">
            <span style="float:left">花语</span>
            <p class="info_huayu">11枝玫瑰，寓意一心一意！<br>有情之人，天天是节。一句寒暖，一线相喧；一句叮咛，一笺相传；一份相思，一心相盼；一份爱意，一生相恋。</p>
        </div>
        <div class="info_huayu_box">
            <span style="float:left">材料</span>

            <p class="info_huayu cailiao">红玫瑰11枝，粉色(或者紫色）勿忘我0.3扎，栀子叶适量搭配 内层白色雾面纸，外层牛皮纸,咖啡色花结</p>
        </div>
        <div class="info_huayu_box">
            <span class="info_huayu_tip">配送</span>
                <div class="info_huayu deliver_country_box">
                    <!-- 全国 -->
全国
                </div>
        </div>
        <div class="info_huayu_box">
            <span class="info_huayu_tip">附送</span>
            <p class="info_huayu">下单填写留言，即免费赠送精美贺卡！</p>
        </div>
                <div class="info_huayu_box">
                    <span style="float:left">说明</span>
                    <p class="info_huayu">畅销款特惠</p>
                </div>

    </div>




    <div class="deliver_date_area">
        <div class="time_date_box">
            <div class="open_app_box">
                <div class="open_app_arrow">
                    <p class="oppen_app" id="downApp" style="" onclick="GotoApp();">App下单再减3元，立即打开</p>
                </div>
            </div>
        </div>
    </div>




    <div class="advice">
        <p class="advice_title">订单评价<a href="/comments/9010011.html" class="advice_arrow">3757条评价</a></p>
        <div class="advice_list">
                <ul>
                        <li>
                            <img class="head_img" src="//img01.hua.com/uploadpic/newpic/9010011.jpg_80x87.jpg">
                            <div class="star_img">
                                <img src="//img02.hua.com/m/pro_detail/star5.png" alt="">
                                <p>2018-2-21</p>
                            </div>
                            <div class="advice_text_box">
                                <p class="user_name">173****1541</p>
                                

                                <p class="user_advice">保质准时方便快捷值得信赖</p>
                                <p class="user_area">北京朝阳区望京方舟苑9号*****</p>
                            </div>
                        </li>
                        <li>
                            <img class="head_img" src="//img01.hua.com/uploadpic/newpic/9010011.jpg_80x87.jpg">
                            <div class="star_img">
                                <img src="//img02.hua.com/m/pro_detail/star5.png" alt="">
                                <p>2018-2-20</p>
                            </div>
                            <div class="advice_text_box">
                                <p class="user_name">zhaoche*</p>
                                

                                <p class="user_advice">很好因为自身原因来来回回折腾3躺没谁了 总之谢谢卖家和快递大哥</p>
                                <p class="user_area">天津河东区六纬路海峰公寓8号*****</p>
                            </div>
                        </li>
                        <li>
                            <img class="head_img" src="//img01.hua.com/uploadpic/newpic/9010011.jpg_80x87.jpg">
                            <div class="star_img">
                                <img src="//img02.hua.com/m/pro_detail/star5.png" alt="">
                                <p>2018-2-20</p>
                            </div>
                            <div class="advice_text_box">
                                <p class="user_name">139****9526</p>
                                

                                <p class="user_advice">很好，送货上楼，特别好。</p>
                                <p class="user_area">黑龙江哈尔滨南岗区东大直街87号*****</p>
                            </div>
                        </li>

                </ul>
                    </div>
    </div>


        <div class="maidian_box">
            <img src="../../images/pengxinsen/maidian.jpg" alt="">
        </div>


        <div class="bottom_section">
    <!-- 商品信息 -->
    <div class="pro_detail_info">
        <div class="tab_box">
            <div class="img_list">
                <div class="img_box">
                <img class="lazyimg" src="../../images/pengxinsen/20170915172608547.jpg">
                <img class="lazyimg" src="../../images/pengxinsen/20170901112235410.jpg">
                <img class="lazyimg" src="../../images/pengxinsen/20170901112235771.jpg">
                <img class="lazyimg" src="../../images/pengxinsen/20170901112236136.jpg">
                <img class="lazyimg" src="../../images/pengxinsen/20170915172621520.jpg">
                <img class="lazyimg" src="../../images/pengxinsen/2017090111223873.jpg">
                <img class="lazyimg" src="../../images/pengxinsen/20170901112239453.jpg">
                <img class="lazyimg" src="../../images/pengxinsen/20170901112240840.jpg">
                <img class="lazyimg" src="../../images/pengxinsen/20170901112241221.jpg">
                <img class="lazyimg" src="../../images/pengxinsen/20170901112243129.jpg">
                <img class="lazyimg" src="../../images/pengxinsen/20170915172645985.jpg">
                <img class="lazyimg" src="../../images/pengxinsen/20170901112248140.jpg">
                <img class="lazyimg" src="../../images/pengxinsen/20170901112248820.jpg">
                <img class="lazyimg" src="../../images/pengxinsen/20170915172702535.jpg"> 
                <img class="lazyimg" src="../../images/pengxinsen/20170915172718922.jpg">
                <img class="lazyimg" src="../../images/pengxinsen/xianhua_cardstyle.jpg">
                </div>
                <div class="open_more"><span class="active">展开全部</span></div>
            </div>

        </div>
    </div>
    <!-- 商品信息end -->
</div>
<div class="footer_cart">
    <div class="cart_md">
        <ul>
            <li>
                <a id="kefu">
                    <i class="middle_line"></i>
                    <img src="//img02.hua.com/m/pro_detail/icon_custom_service.png">
                    <span>客服</span>
                </a>
            </li>
            <li class="call_phone">
                <a href="tel:400-889-8188">
                    <i class="middle_line"></i>
                    <img src="//img02.hua.com/m/pro_detail/icon_phone.png" alt="">
                    <span>电话</span>
                </a>
            </li>
            <li>
                <a href="/#/shopping" id="userCart" style="position:relative">
                    <img src="//img02.hua.com/m/icon/bottonmIcon_CartDefault.png" alt="">
                    <span>购物车</span>
                    <span id="cartCount" style="display:none;"></span>
                </a>
            </li>
        </ul>
        <a href="javascript:;" class="go_buy" id="soonBuy">立即购买</a>
        <a href="javascript:;" class="add_cart" id="addCart">加入购物车</a>
        <a href="javascript:;ss" class="sale_out">售罄/下架</a>
    </div>
</div>
    </div>


    
    
</template>
<style lang="less" scoped>
/* 轮播图 */
.swiper_father {
  height: 450px;
}
.swipe {
  width: 100%;
}
.swipe img {
  width: 100%;
}



.info_box {
    padding-bottom: 16px;
}
.collect_box {
    float: right;
}
div {
    display: block;
        padding: 0;
    margin: 0;
    border: none;
}
body{
        font-size: 12px;
}
a {
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    color: #666;
}
.info_title {
    font-size: 14px;
    color: #232323;
}
p {
    padding: 0;
    margin: 0;
    border: none;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.cuxiao_tip {
    color: #f60;
    margin-left: 5px;
}
.info_title {
    font-size: 14px;

     padding: 0;
    margin: 0;
    border: none;

}
.price_part {
    margin-top: 10px;
}
.now_price {
    font-size: 20px;
    color: #f60;
    text-indent: -3px;
}
.before_price {
    font-size: 12px;
    color: #9b9b9b;
}
s, strike, del {
    text-decoration: line-through;
}

.date_part {
    border-bottom: 0;
}
.date_part {
    border-bottom: 0;
}
.sku-time {
    padding: 16px 0 0;
}
element.style {
    padding-top: 12px;
}

.info_huayu_box {
    padding: 6px 16px;
}

.info_huayu_box {
    padding: 12px 16px;
    overflow: hidden;
    position: relative;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, img, dd, dt, dl, input, textarea {
    padding: 0;
    margin: 0;
    border: none;
}
span{
    float: left;
    font-size: 12px;
}
.info_huayu {
    padding: 0 12px 0 12px;
    margin-left: 24px;
}

.info_huayu {
    font-size: 12px;
    color: #9b9b9b;
    padding: 0px 24px 0px 24px;
    position: relative;
    text-align: justify;
    margin-left: 33px;
}



.time_date_box {
    border-bottom: 8px solid #f5f5f5;
}
.open_app_box {
    padding: 13px 16px;
    overflow: hidden;
    line-height: 24px;
    border-bottom: 1px solid #f5f5f5;
}
.open_app_arrow {
    background: url(//img02.hua.com/m/pro_detail/arrow_right_orange.png) no-repeat right;
    background-size: 12px;
}
.oppen_app {
    font-size: 12px;
    color: #f60;
    padding-left: 20px;
    background: url(//img02.hua.com/m/pro_detail/app_download_icon.png) no-repeat left;
    background-size: 17px;
    margin-left: -3px;
}
.advice {
    border-bottom: none;
}
.advice_title {
    padding: 9px 16px;
    border-bottom: 1px solid #f5f5f5;
}
.advice_arrow {
    float: right;
    color: #9b9b9b;
    font-size: 10px;
    padding-right: 15px;
    background: url(//img02.hua.com/m/pro_detail/arrow_right_default.png) no-repeat right;
    background-size: 12px;
}
a {
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    color: #666;
}
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}
div {
    display: block;
}
ul {
    overflow: hidden;
}
ul, li, i {
    list-style: none outside none;
    padding: 0;
    margin: 0;
    font-style: normal;
}
ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
.advice_list li {
    padding: 12px 16px;
    overflow: hidden;
}
ul, li, i {
    list-style: none outside none;
    padding: 0;
    margin: 0;
    font-style: normal;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
.advice_list .head_img {
    width: 48px;
    float: left;
}
img {
    display: block;
}
img {
    padding: 0;
    margin: 0;
    border: none;
}
.star_img {
    width: 67px;
    float: right;
    margin-top: 8px;
}
.star_img img {
    width: 60px;
    float: right;
}
img {
    display: block;
}
img {
    padding: 0;
    margin: 0;
}
.star_img p {
    color: #9b9b9b;
    font-size: 10px;
    margin-top: 13px;
    text-align: right;
}
p{
    padding: 0;
    margin: 0;
    border: none;
    display: block;
}
.advice_text_box {
    margin-left: 60px;
    width: 63%;
}
div{
    padding: 0;
    margin: 0;
    border: none;
    display: block;
}
.maidian_box {
    border-bottom: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
}
.maidian_box img {
    width: 100%;
}
img {
    display: block;
}

img {
    padding: 0;
    margin: 0;
}
.bottom_section {
    padding-bottom: 49px;
}
.tab_box {
    border-bottom: 8px solid #f5f5f5;
}
.img_list {
    position: relative;
}
div {
    display: block;
}
.open_more {
    display: none;
    position: absolute;
    bottom: 0px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    color: #232323;
    width: 100%;
    border-top: 1px solid #f5f5f5;
    background: #fff;
}
.img_box img {
    width: 100%;
}

img {
    display: block;
}

img {
    padding: 0;
    margin: 0;
}
a {
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    color: #666;
}
.img_box img {
    width: 100%;
}

img {
    display: block;
}

img {
    padding: 0;
    margin: 0;
}

.open_more span.active {
    background: url(//img02.hua.com/m/pro_detail/arrow_down_close.png) no-repeat right;
    background-size: 12px;
    display: inline-block;
    width: 78px;
}

.footer_cart {
    position: fixed;
    bottom: 0px;
    height: 49px;
    width: 100%;
    z-index: 9999;
    max-width: 640px;
}
div{
        padding: 0;
    margin: 0;
    border: none;

}
div {
    display: block;
}
.cart_md {
    background: #fff;
    overflow: hidden;
}
.cart_md ul {
    width: 40%;
    float: left;
    position: relative;
}

ul {
    overflow: hidden;
}

ul, li, i {
    list-style: none outside none;
    padding: 0;
    margin: 0;
    font-style: normal;
    display: block;
}

.cart_md>a {
    // display: inline-block;
    width: 30%;
    height: 49px;
    float: right;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 49px;
}

.go_buy {
    background: #f60;
}

a {
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    color: #666;
}

a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}

.add_cart {
    background: rgb(255, 167, 71);
}

.cart_md ul:before {
    position: absolute;
    content: '';
    -webkit-transform: scaleY(.2);
    transform: scaleY(.2);
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #999;
}

.cart_md li {
    width: 33.33%;
    text-align: center;
    font-size: 10px;
    float: left;
}

ul, li, i {
    list-style: none outside none;
    padding: 0;
    margin: 0;
    font-style: normal;
}

li {
    display: list-item;
}
.cart_md li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

a {
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    color: #666;
}

.middle_line {
    width: 1px;
    height: 20px;
    background-color: #999;
    -webkit-transform: scale(0.5, 1);
    transform: scale(0.5, 1);
    float: right;
    margin-top: 14px;
}

ul, li, i {
    list-style: none outside none;
    padding: 0;
    margin: 0;
    font-style: normal;
}

.cart_md li img {
    width: 24px;
    margin: 5px auto 0px;
}

img {
    display: block;
}

img {
    padding: 0;
    margin: 0;
}
.cart_md li a {
    text-align: center;
    color: #666;
    span {
        display: inline-block;
        text-align: center;
        width: 56px;
    }
}
span{
    padding: 0;
    margin: 0;
    border: none;
    text-align: center;
}
a{
    text-decoration:none;
}
a[data-v-b53905d8]:-webkit-any-link {
    text-decoration: none;
    &#addCart, &#soonBuy {
       color: #fff; 
    }
    
}

</style>

